<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login page</title>
    <script src ="vue.js"></script>
    <link rel="stylesheet" href="/common/bootstrap.min.css">
    <link rel="stylesheet" href="/css/layout/assets.css">
    <link rel="stylesheet" href="/css/layout/layout.css">
    <link rel="stylesheet" href="/css/plugs/buttons.css">
    <link rel="stylesheet" href="/css/plugs/style.css">
    <link rel="stylesheet" href="/css/login/login.css">
</head>
<body>
<div class="ct-container col-md-12">
    <header class="share-header col-md-12"></header>
    <div class="register-login-content col-md-12">
        <div class="paper-content">
            <header class="paper-header">Account Login</header>
            <form action="" method="post">
                <ul class="form-place col-md-12" id="formplace">
                    <li style="margin-top:25px">
                        <div class="user-div">
                            <input name="accountName"  type="text" placeholder="用户名">
                        </div>
                        <span class=""></span>
                    </li>
                    <li>
                        <div class="password-div">
                            <input name="password" autocomplete="on" id="password" type="password"
                                   placeholder="密码">
                        </div>
                        <span class=""></span>
                    </li>

                    <li>

                        <button type="button"
                                class="button button-caution button-box button-raised button-giant"
                                @click="login()">
                            <i class="fa">登录</i>
                        </button>
                        <button type="reset" class="button button-caution button-box button-raised button-giant"
                                id="resetbutton">
                            <i class="fa">重置</i>
                        </button>
                    </li>

                    <li class="alert-box">
                        <input type="checkbox" checked="checked" ng-model="rememberMe" id="rememberMe">
                        <label for="rememberMe"></label>
                        <button type="button" class="button button-caution button-box button-raised button-giant"
                                id="registerBtn" onclick="location.href='/register.html'" >

                            <i class="fa">注册</i>
                        </button>
                    </li>
                </ul>
            </form>
        </div>

    </div>

    <footer class="share-footer col-md-12"></footer>

    <div class="error-box" id="error-box">
        <p class="error-info" id="error-info">出错了</p>
    </div>
</div>
</body>
<script>
</script>
</html>
